<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
	this.imagePreview = function(){	
	xOffset = 10;
	yOffset = 30;
	$("a.preview").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' width='200' height='150' />"+ c +"</p>");			
		$("#preview").css("top",(e.pageY - xOffset) + "px").css("left",(e.pageX + yOffset) + "px").fadeIn("fast");						
    	},
	function(){
		this.title = this.t;	
		$("#preview").remove();
    	});	
	$("a.preview").mousemove(function(e){
		$("#preview").css("top",(e.pageY - xOffset) + "px").css("left",(e.pageX + yOffset) + "px");
	});			
};
$(document).ready(function(){
	imagePreview();
});
</script>
<style>
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Genomic Prep from Intermediates (C)</title>
</head>
<body>
<table width = "100%" bgcolor="#DBF3FF">
	<tr>
		<td width="70%">
			Genomic Prep from Intermediates (C)
		</td>
		<td width="10%">
		 	<s:form action="GenePrepIntermediatesHistory">
				<s:hidden value="%{geneName}" name="geneName" />
				<s:hidden value="C" name="type" />
				<s:submit value="history"/>
			</s:form>
		</td>
		<td width="10">
			<s:form action="emergencyReport" id="emergencyPrepIntermediatesC">
			<s:hidden value="%{geneName}" name="geneName" />
			<s:hidden value="Genomic Prep from Intermediates (C)" name="formName"/>
			<input type="button" value="report" onclick="reportEmergencyPrepIntermeidatesC()"/>
			</s:form>
		</td>
	</tr>
</table>
<center>
Genename:<s:property value="geneName"/>
<s:form action="updateGenePrepIntermediates" id="updateGenePrepIntermeidatesC">
<h3>210 - 219</h3>
<table>
<tr><td><s:textfield label="Date" name="date1"></s:textfield></td></tr>
</table>
<table width="100%">
	<tr>
		<td width="25%"><table><tr><td>Diagnostic PCR(210-219)</td></tr></table></td>
		<td width="25%"><table><tr><td><s:textfield label="X" name="pcrX1"/></td></tr></table></td>
		<td width="25%"><table><tr><td><s:textfield label="Y" name="pcrY1"/></td></tr></table></td>
		<td width="25%"><table><tr><td>Z : Control(TFB primers)</td></tr></table></td>
	</tr>
</table>
<table width="100%">
	<tr>
	<td width="25%">
		<table><tr><td>Expected size</td></tr></table>
	</td>
	<td width="25%">
		<table>
		<s:if test='x1 == 0'><tr><td><s:textfield label="X" name="x1" value=""/></td></tr></s:if>
		<s:else><tr><td><s:textfield label="X" name="x1"/></td></tr></s:else>
		</table>
	</td>
	<td width="25%">
		<table>
		<s:if test='y1 == 0'><tr><td><s:textfield label="Y" name="y1" value=""/></td></tr></s:if>
		<s:else><tr><td><s:textfield label="Y" name="y1"/></td></tr></s:else>
		</table>
	</td>
	<td width="25%">
		<table>
		<s:if test='z1 == 0'><tr><td><s:textfield label="Z" name="z1" value=""/></td></tr></s:if>
		<s:else><tr><td><s:textfield label="Z" name="z1"/></td></tr></s:else>
		</table>
	</td>
	<tr>
</table>

<table width="100%">
	<tr>
		<td width="10%">
			<table>
				<tr>
					<td>210</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x210" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y210" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z210" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>211</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x211" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y211" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z211" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>212</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x212" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y212" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z212" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>213</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x213" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y213" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z213" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>214</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x214" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y214" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z214" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>215</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x215" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y215" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z215" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>216</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x216" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y216" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z216" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>222</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x217" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y217" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z217" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>218</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x218" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y218" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z218" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>219</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x219" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y219" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z219" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
	</tr>
</table>
<h3>220 - 229</h3>
<table>
<tr><td><s:textfield label="Date" name="date2"></s:textfield></td></tr>
</table>
<table width="100%">
	<tr>
		<td width="25%"><table><tr><td>Diagnostic PCR(220-229)</td></tr></table></td>
		<td width="25%"><table><tr><td><s:textfield label="X" name="pcrX2"/></td></tr></table></td>
		<td width="25%"><table><tr><td><s:textfield label="Y" name="pcrY2"/></td></tr></table></td>
		<td width="25%"><table><tr><td>Z : Control(TFB primers)</td></tr></table></td>
	</tr>
</table>
<table width="100%">
	<tr>
	<td width="25%">
		<table><tr><td>Expected size</td></tr></table>
	</td>
	<td width="25%">
		<table>
		<s:if test='x2 == 0'><tr><td><s:textfield label="X" name="x2" value=""/></td></tr></s:if>
		<s:else><tr><td><s:textfield label="X" name="x2"/></td></tr></s:else>
		</table>
	</td>
	<td width="25%">
		<table>
		<s:if test='y2 == 0'><tr><td><s:textfield label="Y" name="y2" value=""/></td></tr></s:if>
		<s:else><tr><td><s:textfield label="Y" name="y2"/></td></tr></s:else>
		</table>
	</td>
	<td width="25%">
		<table>
		<s:if test='z2 == 0'><tr><td><s:textfield label="Z" name="z2" value=""/></td></tr></s:if>
		<s:else><tr><td><s:textfield label="Z" name="z2"/></td></tr></s:else>
		</table>
	</td>
	<tr>
</table>
<table width="100%">
	<tr>
		<td width="10%">
			<table>
				<tr>
					<td>220</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x220" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y220" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z220" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>221</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x221" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y221" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z221" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>222</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x222" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y222" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z222" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>223</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x223" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y223" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z223" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>224</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x224" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y224" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z224" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>225</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x225" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y225" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z225" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>226</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x226" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y226" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z226" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>227</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x227" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y227" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z227" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>228</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x228" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y228" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z228" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
		<td width="10%">
			<table>
				<tr>
					<td>229</td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="X" name="x229" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Y" name="y229" list="{'Y','N'}" /></td>
				</tr>
				<tr>
					<td width="10%"><s:radio label="Z" name="z229" list="{'Y','N'}" /></td>
				</tr>
			</table>
		</td>
	</tr>
</table>
<table>
<tr><td><s:hidden name="geneName" value="%{geneName}"/></td></tr>
<tr><td><s:hidden name="type" value="C"/></td></tr>
<tr><td><input type="button" value="update" onclick="updatePrepIntermeidatesC()"/></td></tr>
</table>
</s:form>
</center>
<center>
	<p></p> 
	<table width="50%">
		<tr bgcolor="#DBF3FF">
		<td>Date Uploaded</td>
		<td>Uploader</td>
		<td>File Name</td>
		<td>Option</td>
		</tr> 
		<s:iterator value="imageList">
        <tr bgcolor="#E1EBED">
        	<td width="28%"><s:date name="dateModified" format="MM/dd/yyyy hh:mm:ss a"/></td>
        	<td width="15%"><s:property value = "user.userName"/></td>
        	<td><a href="<s:url action = "ViewImage"><s:param name = "id"><s:property value="id"/></s:param></s:url>"><s:property value= "fileName"/></a></td>
        	<td><a href="upload/<s:property value="fileName"/>" class="preview">Preview</a>
        </tr>
        </s:iterator>       
   </table>   
<br>
</center>
</body>
</html>